//头部与尾部复用
define(["jquery"],function($){
	//利用面向对象的方法
	function Header(){
		this.load();
	}
	
	Header.prototype = {
		constructor: Header,
		// 加载头部与尾部
		load: function(){
			//头部
			$.get("/html/include/header.html",$.proxy(this.headerHandler,this));
			//$.get("/html/include/header.html",this.headerHandler.bind(this));
			
			//尾部
			$("footer").load("/html/include/footer.html");
		},
		//处理头部加载完成后的任务
		headerHandler: function(data){
			// 将读取到的头部复用HTML渲染到 <header> 内部
			$("header").html(data);
			// 注册事件监听
			this.addListener();
		},
		// 注册事件监听
		addListener: function(){
			// 为“搜索”框绑定按键事件
			$(".search>input:first").keyup(this.searchHandler);
			// 为 ".suggest" 的孩子 div 绑定点击事件：事件委派
			$(".suggest").on("click","div",this.suggestHandler);
			//导航
			$(".color1,.color2").mouseenter(this.navEnter);
			$(".color1,.color2").mouseleave(this.navEnter);
			$(".megapanel").mouseenter(function() {
				$(this).stop().fadeIn();
			});
			$(".megapanel").mouseleave(function() {
				$(this).fadeOut();
			});
		},
		// 鼠标移入导航
		navEnter: function() {
			$(this).next().fadeIn();
		},
		// 鼠标移出导航
		navLeave: function() {
			$(this).next().fadeOut();
		},
		// 处理搜索框事件
		searchHandler: function() {
			var 
				word = $(this).val(),
				url = `https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
			$.getJSON(url, function(data){
				var html = "";
				data.result.forEach(function(curr){
					html += `<div>${curr[0]}</div>`;
				});
				$(".suggest").html(html);
			});			
		},
		// 点击提示
		suggestHandler: function() {
			$(".search>input:first").val($(this).text());
			//移除下拉列表框
			$(".suggest").empty();
		}
		
	}
	
	// 创建加载头部尾部实例
	new Header();


	// ajax读取头部文件加载
//	$.ajax({
//		type: "get", // method
//		url: "/html/include/header.html",
//		success: function(data) {
//			$("header").html(data);
//			// 为“搜索”框绑定按键事件
//			$(".search>input:first").keyup(function(){
//				var 
//					word = $(this).val(),
//					url = `https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
//				$.getJSON(url, function(data){
//					// console.log(data);
//					var html = "";
//					data.result.forEach(function(curr){
//						html += `<div>${curr[0]}</div>`;
//					});
//					$(".suggest").html(html);
//				});			
//			});
//			// 为 ".suggest" 的孩子 div 绑定点击事件：事件委派
//			$(".suggest").delegate("div", "click", function() {
//				$(".search>input:first").val($(this).text());
//				$(".suggest").empty();
//			});
//		}
//	});
//
//
//
//
//	// 加载尾部
//	$("footer").load("/html/include/footer.html");

});